<%=stylesheet_link_tag("estilos") %>
<p align="center"><%= image_tag("encabezado.png", :size=>"700x159")%> </p>
<p align="center">&nbsp;</p>
<table width="200" border="0" align="center">
  <tr>
    <td><div class="formatoform">
  <p align="center"><strong>Formulario de calificación de libros</strong></p>
  <form id="form1" name="form1" method="get" action="/usuarios/resultadocalificar">
    <table width="500">
      <tr>
        <td colspan="2"><div align="right">Libro a calificar:</div></td>
        <td colspan="3"><label>
          <div align="center">
            <select name="libro" id="libro">
              <%= @libros.each do |libro|   %>
              <option value="<%=libro.id%>"><%= libro.nombre%> </option>
              <% end %>
            </select>
            </div>
        </label></td>
      </tr>
      <tr>
        <td colspan="5" id="radios"><div align="center">Calificación:</div></td>
      </tr>
      <tr>
        <td id="radios" width="25"><div align="center"><%= image_tag("1estrellas.png", :size=>"22x20")%> </div></td>
        <td width="51"><div align="center"><%= image_tag("2estrellas.png", :size=>"42x20")%></div></td>
        <td width="66"><div align="center"><%= image_tag("3estrellas.png", :size=>"62x20")%></div></td>
        <td width="91"><div align="center"><%= image_tag("4estrellas.png", :size=>"85x20")%></div></td>
        <td width="40"><div align="center"><%= image_tag("5estrellas.png", :size=>"98x20")%></div></td>
      </tr>
      <tr>
        <td id="radios"><label>

        <div align="center">
          <input type="radio" name="calificacion" id="calificacion1" value="1" />
        </div>
        </label></td>
        <td id="radios"><label>
          <div align="center">
            <input type="radio" name="calificacion" id="calificacion2" value="2" />
            </div>
        </label></td>
        <td id="radios"><label>
          <div align="center">
            <input type="radio" name="calificacion" id="calificacion3" value="3" checked="checked"/>
            </div>
        </label></td>
        <td id="radios"><label>
          <div align="center">
            <input type="radio" name="calificacion" id="calificacion4" value="4" />
            </div>
        </label></td>
        <td id="radios"><label>
          <div align="center">
            <input type="radio" name="calificacion" id="calificacion5" value="5" />
            </div>
        </label></td>
      </tr>
    </table>
    <p align="center">
      <label>
      <%if @libros.empty? %>
        No hay libros registrados en la base de datos
      <%else%>
        <input type="submit" name="registrar" id="registrar" value="Registrar" />
      <%end%>
      </label>
    </p>
  </form>
</div></td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="631" border="0" align="center">
  <tr>
    <td width="628"><div align="center">
      <p>E-mail: southnautical@supplies.org<br/>
        Direcci&oacute;n: South Coast, 123 <br/>
      Tel&eacute;fono: 3929021</p>
      <p align="right">&copy; 2013 South Coast Nautical Supplies</p>
    </div></td>
  </tr>
</table>